<template>
  <div class="body">
    <div class="body-left">
      <nav class="side-navigator-wrap">
        <!-- 左侧大模型子站 -->

        <div class="nav-item-wrap nav-item-underline">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              class="nav-item-icon-left"
              data-v-8754238e=""
            >
              <path d="M1 4L8 0L15 4L8 8L1 4Z" fill="#E5E8EB" data-v-8754238e=""></path>
              <path d="M1 12V4L8 8V16L1 12Z" fill="#CDD1D7" data-v-8754238e=""></path>
              <path d="M8 16V8L15 4V12L8 16Z" fill="#9BA3AF" data-v-8754238e=""></path>
            </svg>
            <span>大模型子站</span>
            <svg
              width="12"
              height="12"
              viewBox="0 0 12 12"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              class="nav-item-icon-right"
              data-v-8754238e=""
            >
              <path
                d="M4.24268 1.5L8.48532 5.74264L4.24268 9.98528"
                stroke="#C2C8D1"
                stroke-width="1.2"
                stroke-linecap="round"
                stroke-linejoin="round"
                data-v-8754238e=""
              ></path>
            </svg>
          </a>
        </div>
        <!-- 左侧关注 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <path
                d="M11.5903 8.19043C11.5542 8.11425 11.4458 8.11425 11.4097 8.19043L10.4041 10.31C10.3898 10.3401 10.3615 10.3611 10.3287 10.366L8.19408 10.6887C8.11329 10.7009 8.08045 10.7996 8.13783 10.8578L9.68325 12.4248C9.70571 12.4476 9.71592 12.4798 9.71072 12.5113L9.33377 14.7975C9.32021 14.8798 9.4073 14.9415 9.48042 14.9015L11.452 13.8233C11.4819 13.8069 11.5181 13.8069 11.548 13.8233L13.5196 14.9015C13.5927 14.9415 13.6798 14.8798 13.6662 14.7975L13.2893 12.5113C13.2841 12.4798 13.2943 12.4476 13.3168 12.4248L14.8622 10.8578C14.9195 10.7996 14.8867 10.7009 14.8059 10.6887L12.6713 10.366C12.6385 10.3611 12.6102 10.3401 12.5959 10.31L11.5903 8.19043Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M12.7568 1.3335C13.4239 1.3335 13.9641 1.86183 13.9983 2.52111L14 2.58746V6.34783V9.44263L13.7881 9.41059C13.6565 9.39071 13.5435 9.30673 13.4865 9.18654L11.8614 5.76125C11.7168 5.45652 11.2832 5.45652 11.1386 5.76125L9.51354 9.18654C9.45652 9.30673 9.34347 9.39071 9.21193 9.41059L5.77633 9.92991C5.45315 9.97876 5.32181 10.3736 5.55131 10.6063L8.04943 13.1394C8.13927 13.2305 8.18011 13.3591 8.1593 13.4853L7.90953 15.0002H5.42606H3.24324C2.57608 15.0002 2.03587 14.4718 2.00171 13.8125L2 13.7462V2.58746C2 1.91989 2.51869 1.37002 3.17696 1.33524L3.24324 1.3335H12.7568ZM7.33333 7.00017C7.33333 6.81608 7.18409 6.66684 7 6.66684H5C4.8159 6.66684 4.66666 6.81608 4.66666 7.00017V7.66684C4.66666 7.85093 4.8159 8.00017 5 8.00017H7C7.18409 8.00017 7.33333 7.85093 7.33333 7.66684V7.00017ZM9.66666 4.00017C9.85076 4.00017 10 4.14941 10 4.3335V5.00017C10 5.18426 9.85076 5.3335 9.66666 5.3335H5C4.8159 5.3335 4.66666 5.18426 4.66666 5.00017V4.3335C4.66666 4.14941 4.8159 4.00017 5 4.00017H9.66666Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>关注</span>
          </a>
        </div>

        <!-- 左侧综合 -->
        <div class="nav-item-wrap nav-item-wrap-active">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M0.666016 8.00033C0.666016 12.0504 3.94926 15.3337 7.99935 15.3337C12.0494 15.3337 15.3327 12.0504 15.3327 8.00033C15.3327 3.95024 12.0494 0.666992 7.99935 0.666992C3.94926 0.666992 0.666016 3.95024 0.666016 8.00033ZM5.43709 11.0048L9.3392 9.34286L11.0037 5.43876C11.0397 5.35428 11.0393 5.25869 11.0025 5.17455C10.9288 5.00586 10.7323 4.92887 10.5636 5.00259L6.68535 6.69744L5.00087 10.565C4.96428 10.649 4.96389 10.7444 4.9998 10.8287C5.07193 10.9981 5.26772 11.0769 5.43709 11.0048Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>综合</span>
          </a>
        </div>

        <!-- 左侧后端 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M2 2C1.44772 2 1 2.44772 1 3V11C1 11.5523 1.44772 12 2 12H14C14.5523 12 15 11.5523 15 11V3C15 2.44772 14.5523 2 14 2H2ZM4.5 7C4.22386 7 4 7.22386 4 7.5V9.5C4 9.77614 4.22386 10 4.5 10H5C5.27614 10 5.5 9.77614 5.5 9.5V7.5C5.5 7.22386 5.27614 7 5 7H4.5ZM7 5C7 4.72386 7.22386 4.5 7.5 4.5H8C8.27614 4.5 8.5 4.72386 8.5 5V9.5C8.5 9.77614 8.27614 10 8 10H7.5C7.22386 10 7 9.77614 7 9.5V5ZM10.5 6C10.2239 6 10 6.22386 10 6.5V9.5C10 9.77614 10.2239 10 10.5 10H11C11.2761 10 11.5 9.77614 11.5 9.5V6.5C11.5 6.22386 11.2761 6 11 6H10.5Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
              <rect
                x="3"
                y="13"
                width="10"
                height="1.3"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
            </svg>
            <span>后端</span>
          </a>
        </div>

        <!-- 左侧前端 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M2 2C1.44772 2 1 2.44772 1 3V6H15V3C15 2.44772 14.5523 2 14 2H2ZM15 7.3H1V13C1 13.5523 1.44772 14 2 14H14C14.5523 14 15 13.5523 15 13V7.3ZM8.65811 8.02566C8.92009 8.11298 9.06167 8.39614 8.97434 8.65811L7.97434 11.6581C7.88702 11.9201 7.60386 12.0617 7.34189 11.9743C7.07991 11.887 6.93833 11.6039 7.02566 11.3419L8.02566 8.34189C8.11298 8.07991 8.39614 7.93833 8.65811 8.02566ZM3.5 5C3.77614 5 4 4.77614 4 4.5C4 4.22386 3.77614 4 3.5 4C3.22386 4 3 4.22386 3 4.5C3 4.77614 3.22386 5 3.5 5ZM5.5 4.5C5.5 4.77614 5.27614 5 5 5C4.72386 5 4.5 4.77614 4.5 4.5C4.5 4.22386 4.72386 4 5 4C5.27614 4 5.5 4.22386 5.5 4.5ZM6.5 5C6.77614 5 7 4.77614 7 4.5C7 4.22386 6.77614 4 6.5 4C6.22386 4 6 4.22386 6 4.5C6 4.77614 6.22386 5 6.5 5ZM6.44721 8.77639C6.57071 9.02338 6.4706 9.32372 6.22361 9.44721L5.11803 10L6.22361 10.5528C6.4706 10.6763 6.57071 10.9766 6.44721 11.2236C6.32372 11.4706 6.02338 11.5707 5.77639 11.4472L3.77639 10.4472C3.607 10.3625 3.5 10.1894 3.5 10C3.5 9.81061 3.607 9.63748 3.77639 9.55279L5.77639 8.55279C6.02338 8.42929 6.32372 8.5294 6.44721 8.77639ZM9.77639 9.44721C9.5294 9.32372 9.42929 9.02338 9.55279 8.77639C9.67628 8.5294 9.97662 8.42929 10.2236 8.55279L12.2236 9.55279C12.393 9.63748 12.5 9.81061 12.5 10C12.5 10.1894 12.393 10.3625 12.2236 10.4472L10.2236 11.4472C9.97662 11.5707 9.67628 11.4706 9.55279 11.2236C9.42929 10.9766 9.5294 10.6763 9.77639 10.5528L10.882 10L9.77639 9.44721Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>前端</span>
          </a>
        </div>

        <!-- 左侧Android -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <rect
                x="5.69922"
                y="12"
                width="1.3"
                height="3"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
              <rect
                x="1"
                y="6"
                width="1.3"
                height="6"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
              <rect
                x="13.6992"
                y="6"
                width="1.3"
                height="6"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
              <rect
                x="9"
                y="12"
                width="1.3"
                height="3"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M13 5.36364V12C13 12.5523 12.5523 13 12 13H4C3.44772 13 3 12.5523 3 12V5.36364V5.27273C3 5.24067 3.00151 5.20897 3.00446 5.17768C3.11608 2.85397 5.30996 1 8 1C10.69 1 12.8839 2.85397 12.9955 5.17768C12.9985 5.20897 13 5.24067 13 5.27273V5.36364ZM7 5.75C7 6.16421 6.66421 6.5 6.25 6.5C5.83579 6.5 5.5 6.16421 5.5 5.75C5.5 5.33579 5.83579 5 6.25 5C6.66421 5 7 5.33579 7 5.75ZM9.75 6.5C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5C9.33579 5 9 5.33579 9 5.75C9 6.16421 9.33579 6.5 9.75 6.5Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>Android</span>
          </a>
        </div>

        <!-- 左侧ios -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <path
                d="M11.822 8.4388C11.8045 6.66562 13.268 5.81556 13.3331 5.77312C12.5106 4.56956 11.2296 4.40506 10.7733 4.38581C9.68308 4.27556 8.64621 5.02763 8.09277 5.02763C7.54108 5.02763 6.68708 4.402 5.78277 4.41863C4.59452 4.43613 3.49858 5.10944 2.88696 6.17387C1.65233 8.3163 2.57064 11.4899 3.77421 13.2277C4.36221 14.0782 5.06352 15.0332 5.98402 14.9991C6.87039 14.9637 7.20596 14.4255 8.27739 14.4255C9.34883 14.4255 9.65027 14.9991 10.5887 14.9816C11.5425 14.9637 12.1471 14.1149 12.7311 13.2618C13.4062 12.2752 13.6845 11.3197 13.7006 11.2707C13.6796 11.2611 11.8404 10.5567 11.822 8.4388ZM10.0593 3.23563C10.548 2.64281 10.8779 1.82031 10.7878 1C10.0838 1.02888 9.23071 1.469 8.72583 2.06006C8.27258 2.58463 7.87621 3.422 7.98252 4.22613C8.76827 4.28737 9.57021 3.82669 10.0593 3.23563Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>ios</span>
          </a>
        </div>

        <!-- 左侧人工智能 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <rect
                x="1"
                y="8"
                width="1.3"
                height="5"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
              <rect
                x="14"
                y="8"
                width="1.3"
                height="5"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
              <rect
                x="7.5"
                y="4"
                width="1"
                height="3"
                rx="0.5"
                fill="currentColor"
                data-v-033a2ad3=""
              ></rect>
              <circle cx="8" cy="2" r="1" fill="currentColor" data-v-033a2ad3=""></circle>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M3 7C3 6.44772 3.44772 6 4 6H12C12.5523 6 13 6.44772 13 7V14C13 14.5523 12.5523 15 12 15H4C3.44772 15 3 14.5523 3 14V7ZM7 10.75C7 11.1642 6.66421 11.5 6.25 11.5C5.83579 11.5 5.5 11.1642 5.5 10.75C5.5 10.3358 5.83579 10 6.25 10C6.66421 10 7 10.3358 7 10.75ZM9.75 11.5C10.1642 11.5 10.5 11.1642 10.5 10.75C10.5 10.3358 10.1642 10 9.75 10C9.33579 10 9 10.3358 9 10.75C9 11.1642 9.33579 11.5 9.75 11.5Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>人工智能</span>
          </a>
        </div>

        <!-- 左侧开发工具 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <g clip-path="url(#clip0_20616_81506)" data-v-033a2ad3="">
                <path
                  d="M14.212 4.54986L13.497 5.26886C13.3158 5.45088 13.1005 5.59531 12.8633 5.69386C12.6261 5.79242 12.3718 5.84315 12.115 5.84315C11.8582 5.84315 11.6039 5.79242 11.3667 5.69386C11.1295 5.59531 10.9142 5.45088 10.733 5.26886C10.3664 4.89915 10.1606 4.39955 10.1606 3.87886C10.1606 3.35817 10.3664 2.85857 10.733 2.48886L11.448 1.76986C11.843 1.37286 11.579 0.90486 10.868 1.01686C10.028 1.14786 9.262 1.57586 8.709 2.22286C8.005 2.91786 7.682 4.16486 7.922 5.31786L1.927 11.3469C1.56096 11.7165 1.35562 12.2157 1.35562 12.7359C1.35562 13.2561 1.56096 13.7552 1.927 14.1249C2.10804 14.307 2.32329 14.4515 2.56038 14.5501C2.79747 14.6487 3.05172 14.6995 3.3085 14.6995C3.56528 14.6995 3.81953 14.6487 4.05662 14.5501C4.29371 14.4515 4.50896 14.307 4.69 14.1249L10.686 8.09486C11.2693 8.2189 11.8745 8.19473 12.446 8.02459C13.0176 7.85444 13.5375 7.54373 13.958 7.12086C14.5581 6.51861 14.9243 5.72244 14.991 4.87486C15.071 4.41886 14.607 4.15286 14.212 4.54986ZM3.768 13.1979C3.67659 13.2885 3.56041 13.35 3.4341 13.3747C3.30779 13.3994 3.17699 13.3861 3.05819 13.3366C2.93939 13.2871 2.8379 13.2036 2.76651 13.0965C2.69511 12.9894 2.65701 12.8636 2.657 12.7349C2.65647 12.5618 2.72462 12.3957 2.84649 12.2729C2.96836 12.1501 3.13399 12.0807 3.307 12.0799C3.487 12.0799 3.651 12.1529 3.768 12.2719C3.888 12.3889 3.96 12.5539 3.96 12.7349C3.9604 12.8209 3.94363 12.9062 3.91066 12.9857C3.87769 13.0652 3.82919 13.1373 3.768 13.1979ZM3.118 4.66786L5.377 6.93986L6.297 6.01286L4.04 3.74286L3.535 2.77086L1.92 1.61186L1 2.53986L2.151 4.16086L3.118 4.66786ZM10.672 9.48586C10.642 9.45526 10.6062 9.43095 10.5667 9.41436C10.5272 9.39776 10.4848 9.38921 10.442 9.38921C10.3992 9.38921 10.3568 9.39776 10.3173 9.41436C10.2778 9.43095 10.242 9.45526 10.212 9.48586L8.83 10.8759C8.79955 10.9062 8.7754 10.9423 8.75891 10.982C8.74243 11.0218 8.73395 11.0644 8.73395 11.1074C8.73395 11.1504 8.74243 11.193 8.75891 11.2327C8.7754 11.2724 8.79955 11.3085 8.83 11.3389L12.09 14.6169C12.2106 14.7383 12.3541 14.8348 12.5122 14.9006C12.6703 14.9663 12.8398 15.0002 13.011 15.0002C13.1822 15.0002 13.3517 14.9663 13.5098 14.9006C13.6679 14.8348 13.8114 14.7383 13.932 14.6169C14.442 14.1049 14.442 13.2769 13.932 12.7639L10.672 9.48586Z"
                  fill="currentColor"
                  data-v-033a2ad3=""
                ></path>
              </g>
              <defs data-v-033a2ad3="">
                <clipPath id="clip0_20616_81506" data-v-033a2ad3="">
                  <rect
                    width="14"
                    height="14"
                    fill="white"
                    transform="translate(1 1)"
                    data-v-033a2ad3=""
                  ></rect>
                </clipPath>
              </defs>
            </svg>
            <span>开发工具</span>
          </a>
        </div>

        <!-- 左侧代码人生 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M1 2C1 1.44772 1.44772 1 2 1H14C14.5523 1 15 1.44772 15 2V14C15 14.5523 14.5523 15 14 15H2C1.44772 15 1 14.5523 1 14V2ZM3 4.5C3 4.22386 3.22386 4 3.5 4H12.5C12.7761 4 13 4.22386 13 4.5V4.8C13 5.07614 12.7761 5.3 12.5 5.3H3.5C3.22386 5.3 3 5.07614 3 4.8V4.5ZM3.5 7C3.22386 7 3 7.22386 3 7.5V7.8C3 8.07614 3.22386 8.3 3.5 8.3H4.5C4.77614 8.3 5 8.07614 5 7.8V7.5C5 7.22386 4.77614 7 4.5 7H3.5ZM7 7.5C7 7.22386 7.22386 7 7.5 7H8.5C8.77614 7 9 7.22386 9 7.5V7.8C9 8.07614 8.77614 8.3 8.5 8.3H7.5C7.22386 8.3 7 8.07614 7 7.8V7.5ZM11.5 7C11.2239 7 11 7.22386 11 7.5V7.8C11 8.07614 11.2239 8.3 11.5 8.3H12.5C12.7761 8.3 13 8.07614 13 7.8V7.5C13 7.22386 12.7761 7 12.5 7H11.5ZM3 10.5C3 10.2239 3.22386 10 3.5 10H7.5C7.77614 10 8 10.2239 8 10.5V10.8C8 11.0761 7.77614 11.3 7.5 11.3H3.5C3.22386 11.3 3 11.0761 3 10.8V10.5ZM10.5 10C10.2239 10 10 10.2239 10 10.5V10.8C10 11.0761 10.2239 11.3 10.5 11.3H12.5C12.7761 11.3 13 11.0761 13 10.8V10.5C13 10.2239 12.7761 10 12.5 10H10.5Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>代码人生</span>
          </a>
        </div>

        <!-- 左侧阅读 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M14.9187 6.53385C15.0999 6.76744 14.9466 7.2 14.651 7.2H6.32905V4H5.02905V7.2H3.6C2.16406 7.2 1 6.03594 1 4.6C1 3.16406 2.16406 2 3.6 2H14.651C14.9466 2 15.0999 2.43257 14.9188 2.66616C14.5064 3.19779 14.2602 3.86959 14.2602 4.60001C14.2602 5.33043 14.5064 6.00222 14.9187 6.53385Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M1.34902 13.9998C1.0534 13.9998 0.900077 13.5672 1.08126 13.3337C1.49363 12.802 1.7398 12.1302 1.7398 11.3998C1.7398 10.6694 1.49362 9.9976 1.08125 9.46597C0.900064 9.23238 1.05339 8.7998 1.34901 8.7998H12.4C13.8359 8.7998 15 9.96386 15 11.3998C15 12.8357 13.8359 13.9998 12.4 13.9998H1.34902Z"
                fill="currentColor"
                data-v-033a2ad3=""
              ></path>
            </svg>
            <span>阅读</span>
          </a>
        </div>

        <!-- 左侧排行榜 -->
        <div class="nav-item-wrap">
          <a href="#">
            <svg
              width="16"
              height="16"
              viewBox="0 0 16 16"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              data-v-033a2ad3=""
              class=""
            >
              <g clip-path="url(#clip0_24309_94629)" data-v-033a2ad3="">
                <path
                  d="M2.35 0C2.01863 0 1.75 0.26863 1.75 0.600001V1.63198H14.2461V0.6C14.2461 0.268629 13.9775 0 13.6461 0H2.35Z"
                  fill="url(#paint0_linear_24309_94629)"
                  data-v-033a2ad3=""
                ></path>
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M1.75 2.69531H14.2461V15.4096C14.2461 15.834 13.8174 16.1243 13.4233 15.9666L8.18375 13.8708C8.06455 13.8231 7.93157 13.8231 7.81236 13.8708L2.57283 15.9666C2.17871 16.1243 1.75 15.834 1.75 15.4096V2.69531ZM7.81614 5.6642C7.88951 5.51555 8.10148 5.51555 8.17484 5.6642L9.0457 7.42875C9.07483 7.48778 9.13114 7.52869 9.19629 7.53816L11.1436 7.82112C11.3076 7.84496 11.3731 8.04655 11.2544 8.16226L9.84535 9.53577C9.79821 9.58172 9.7767 9.64792 9.78783 9.7128L10.1205 11.6522C10.1485 11.8156 9.97701 11.9402 9.83028 11.8631L8.08856 10.9474C8.03029 10.9168 7.96069 10.9168 7.90242 10.9474L6.1607 11.8631C6.01398 11.9402 5.84249 11.8156 5.87051 11.6522L6.20315 9.7128C6.21428 9.64792 6.19277 9.58172 6.14563 9.53577L4.73655 8.16226C4.61785 8.04655 4.68335 7.84496 4.84739 7.82112L6.7947 7.53816C6.85984 7.52869 6.91615 7.48778 6.94528 7.42875L7.81614 5.6642Z"
                  fill="url(#paint1_linear_24309_94629)"
                  data-v-033a2ad3=""
                ></path>
              </g>
              <defs data-v-033a2ad3="">
                <linearGradient
                  id="paint0_linear_24309_94629"
                  x1="1.75"
                  y1="0.269458"
                  x2="14.2461"
                  y2="13.7306"
                  gradientUnits="userSpaceOnUse"
                  data-v-033a2ad3=""
                >
                  <stop stop-color="#FFEFB7" data-v-033a2ad3=""></stop>
                  <stop offset="0.520833" stop-color="#F3D19B" data-v-033a2ad3=""></stop>
                  <stop offset="1" stop-color="#FFD89E" data-v-033a2ad3=""></stop>
                </linearGradient>
                <linearGradient
                  id="paint1_linear_24309_94629"
                  x1="1.75"
                  y1="0.269458"
                  x2="14.2461"
                  y2="13.7306"
                  gradientUnits="userSpaceOnUse"
                  data-v-033a2ad3=""
                >
                  <stop stop-color="#FFEFB7" data-v-033a2ad3=""></stop>
                  <stop offset="0.520833" stop-color="#F3D19B" data-v-033a2ad3=""></stop>
                  <stop offset="1" stop-color="#FFD89E" data-v-033a2ad3=""></stop>
                </linearGradient>
                <clipPath id="clip0_24309_94629" data-v-033a2ad3="">
                  <rect width="16" height="16" fill="white" data-v-033a2ad3=""></rect>
                </clipPath>
              </defs>
            </svg>
            <span>排行榜</span>
          </a>
        </div>
      </nav>
    </div>
    <div class="body-right">
      <div class="body-right-list">
        <header class="list-header">
          <nav role="navigation" class="list-nav">
            <ul class="nav-list">
              <li class="nav-item nav-active">
                <a href="#">推荐</a>
              </li>
              <li class="nav-item">
                <a href="#">最新</a>
              </li>
            </ul>
          </nav>
        </header>
        <ul class="entry-list">
          <li class="list-item">
            <div class="content-wrapper">
              <div class="content-main">
                <div class="content-main-title">
                  <h3>内容填充</h3>
                </div>
                <div class="content-main-abstract">
                  <span>
                    内容填充内容填充内容填充内容填充内容填充内容填充内容填充内容填充内容填充
                  </span>
                </div>
                <div class="entry-footer">
                  <ul class="entry-footer-inner">
                    <li class="item meta-container">
                      <a href="#">username</a>
                      <div class="footer-divider"></div>
                    </li>
                    <li class="item view">
                      <svg
                        data-v-5d81f31c=""
                        width="16"
                        height="16"
                        viewBox="0 0 16 16"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                        class="view-icon"
                      >
                        <path
                          data-v-5d81f31c=""
                          d="M7.90078 2.80078C4.49278 2.80078 1.74745 6.11672 0.800781 7.77469C1.74745 9.58339 4.49278 13.2008 7.90078 13.2008C11.3088 13.2008 14.0541 9.58339 15.0008 7.77469C14.0541 6.11672 11.3088 2.80078 7.90078 2.80078Z"
                          stroke="currentColor"
                        ></path>
                        <circle
                          data-v-5d81f31c=""
                          cx="7.89922"
                          cy="8.00078"
                          r="2.2"
                          stroke="currentColor"
                        ></circle>
                      </svg>
                      <span>7.0k</span>
                    </li>
                    <li class="item like">
                      <div class="liked-wrap">
                        <svg
                          data-v-5d81f31c=""
                          width="14"
                          height="14"
                          viewBox="0 0 14 14"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                          class="liked-icon"
                        >
                          <path
                            data-v-5d81f31c=""
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M7.56162 1.16952C7.66569 1.09661 7.78195 1.06124 7.88247 1.0912C7.97653 1.11923 8.23851 1.25916 8.50988 1.96799C8.64419 2.31881 8.9356 3.2424 8.42155 5.05431C8.29751 5.49152 8.61394 5.95303 9.09259 5.95971L12.492 6.00716L12.492 6.00721H12.4991C12.6049 6.00721 12.7228 6.01986 12.8134 6.05898C12.8544 6.07671 12.8815 6.09639 12.8999 6.116C12.9166 6.13375 12.9368 6.16247 12.9515 6.21636C12.9848 6.33784 13.0228 6.74712 12.9473 7.42262C12.874 8.07857 12.698 8.94479 12.341 9.9598C12.0424 10.8088 11.6601 11.5292 11.0684 12.4879C11.0558 12.5052 11.0462 12.5197 11.0418 12.5265L11.0404 12.5285C11.0292 12.5454 11.0242 12.5531 11.018 12.5618C11.0076 12.5764 11.0018 12.582 10.9983 12.585C10.996 12.587 10.9908 12.5912 10.9777 12.5959C10.9638 12.6009 10.9311 12.61 10.8706 12.61H4.56278L4.56373 5.58489C4.87126 5.41901 5.19881 5.20128 5.54112 4.84059C5.93883 4.42152 6.33789 3.8294 6.76254 2.94183C6.84974 2.75957 6.91745 2.55962 6.97574 2.37762C6.99264 2.32486 7.0087 2.27379 7.02438 2.22393L7.02439 2.22389C7.066 2.09158 7.10495 1.96776 7.14985 1.84312C7.2758 1.49352 7.40247 1.28101 7.56162 1.16952ZM9.45205 1.60729C9.13229 0.772086 8.70208 0.282772 8.17063 0.124374C7.64564 -0.0320981 7.20308 0.188912 6.98278 0.343248C6.55169 0.64525 6.33837 1.11908 6.20071 1.5012C6.14817 1.64705 6.10002 1.80016 6.05661 1.93824C6.0422 1.98405 6.02832 2.02821 6.01496 2.0699C5.95791 2.24804 5.90763 2.39115 5.85248 2.50643C5.45683 3.3334 5.1121 3.8271 4.80935 4.14611C4.51322 4.45815 4.23983 4.6219 3.9473 4.76821C3.71095 4.88641 3.55494 5.12906 3.55491 5.40159L3.55388 12.9125C3.55383 13.3026 3.87002 13.6188 4.26008 13.6188H10.8706C11.2097 13.6188 11.4663 13.5113 11.6519 13.3535C11.7387 13.2797 11.7988 13.2043 11.8387 13.1484C11.8556 13.1248 11.8704 13.1025 11.8786 13.09L11.8813 13.0859L11.8826 13.0839L11.8955 13.0685L11.9142 13.0382C12.5304 12.0414 12.9578 11.247 13.2927 10.2945C13.6745 9.20895 13.8679 8.26811 13.9499 7.5347C14.0297 6.82084 14.009 6.25845 13.9246 5.95014C13.805 5.51285 13.5104 5.26112 13.2134 5.13284C12.9385 5.01407 12.661 4.99859 12.5028 4.99836L9.49071 4.95631C9.92962 3.15791 9.64796 2.11902 9.45205 1.60729ZM0.000800636 5.46783C-0.0181914 5.0652 0.303128 4.72836 0.706212 4.72836H1.75264C2.14266 4.72836 2.45883 5.04454 2.45883 5.43456V12.9442C2.45883 13.3342 2.14266 13.6504 1.75264 13.6504H1.06044C0.68335 13.6504 0.372791 13.3541 0.355024 12.9775L0.000800636 5.46783Z"
                            fill="currentColor"
                          ></path>
                        </svg>
                      </div>
                      <span> 594 </span>
                    </li>
                  </ul>
                  <div class="entry-footer-tags">
                    <a href="#">前端</a>
                    <a href="#">JavaScript</a>
                  </div>
                </div>
              </div>
              <img src="" alt="" />
            </div>
          </li>
          <li class="list-item">
            <div class="content-wrapper">
              <div class="content-main">
                <div class="content-main-title">
                  <h3>内容填充</h3>
                </div>
                <div class="content-main-abstract">
                  <span>
                    内容填充内容填充内容填充内容填充内容填充内容填充内容填充内容填充内容填充
                  </span>
                </div>
                <div class="entry-footer">
                  <ul class="entry-footer-inner">
                    <li class="item meta-container">
                      <a href="#">name</a>
                      <div class="footer-divider"></div>
                    </li>
                    <li class="item view">
                      <svg
                        data-v-5d81f31c=""
                        width="16"
                        height="16"
                        viewBox="0 0 16 16"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                        class="view-icon"
                      >
                        <path
                          data-v-5d81f31c=""
                          d="M7.90078 2.80078C4.49278 2.80078 1.74745 6.11672 0.800781 7.77469C1.74745 9.58339 4.49278 13.2008 7.90078 13.2008C11.3088 13.2008 14.0541 9.58339 15.0008 7.77469C14.0541 6.11672 11.3088 2.80078 7.90078 2.80078Z"
                          stroke="currentColor"
                        ></path>
                        <circle
                          data-v-5d81f31c=""
                          cx="7.89922"
                          cy="8.00078"
                          r="2.2"
                          stroke="currentColor"
                        ></circle>
                      </svg>
                      <span>7.0k</span>
                    </li>
                    <li class="item like">
                      <div class="liked-wrap">
                        <svg
                          data-v-5d81f31c=""
                          width="14"
                          height="14"
                          viewBox="0 0 14 14"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                          class="liked-icon"
                        >
                          <path
                            data-v-5d81f31c=""
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M7.56162 1.16952C7.66569 1.09661 7.78195 1.06124 7.88247 1.0912C7.97653 1.11923 8.23851 1.25916 8.50988 1.96799C8.64419 2.31881 8.9356 3.2424 8.42155 5.05431C8.29751 5.49152 8.61394 5.95303 9.09259 5.95971L12.492 6.00716L12.492 6.00721H12.4991C12.6049 6.00721 12.7228 6.01986 12.8134 6.05898C12.8544 6.07671 12.8815 6.09639 12.8999 6.116C12.9166 6.13375 12.9368 6.16247 12.9515 6.21636C12.9848 6.33784 13.0228 6.74712 12.9473 7.42262C12.874 8.07857 12.698 8.94479 12.341 9.9598C12.0424 10.8088 11.6601 11.5292 11.0684 12.4879C11.0558 12.5052 11.0462 12.5197 11.0418 12.5265L11.0404 12.5285C11.0292 12.5454 11.0242 12.5531 11.018 12.5618C11.0076 12.5764 11.0018 12.582 10.9983 12.585C10.996 12.587 10.9908 12.5912 10.9777 12.5959C10.9638 12.6009 10.9311 12.61 10.8706 12.61H4.56278L4.56373 5.58489C4.87126 5.41901 5.19881 5.20128 5.54112 4.84059C5.93883 4.42152 6.33789 3.8294 6.76254 2.94183C6.84974 2.75957 6.91745 2.55962 6.97574 2.37762C6.99264 2.32486 7.0087 2.27379 7.02438 2.22393L7.02439 2.22389C7.066 2.09158 7.10495 1.96776 7.14985 1.84312C7.2758 1.49352 7.40247 1.28101 7.56162 1.16952ZM9.45205 1.60729C9.13229 0.772086 8.70208 0.282772 8.17063 0.124374C7.64564 -0.0320981 7.20308 0.188912 6.98278 0.343248C6.55169 0.64525 6.33837 1.11908 6.20071 1.5012C6.14817 1.64705 6.10002 1.80016 6.05661 1.93824C6.0422 1.98405 6.02832 2.02821 6.01496 2.0699C5.95791 2.24804 5.90763 2.39115 5.85248 2.50643C5.45683 3.3334 5.1121 3.8271 4.80935 4.14611C4.51322 4.45815 4.23983 4.6219 3.9473 4.76821C3.71095 4.88641 3.55494 5.12906 3.55491 5.40159L3.55388 12.9125C3.55383 13.3026 3.87002 13.6188 4.26008 13.6188H10.8706C11.2097 13.6188 11.4663 13.5113 11.6519 13.3535C11.7387 13.2797 11.7988 13.2043 11.8387 13.1484C11.8556 13.1248 11.8704 13.1025 11.8786 13.09L11.8813 13.0859L11.8826 13.0839L11.8955 13.0685L11.9142 13.0382C12.5304 12.0414 12.9578 11.247 13.2927 10.2945C13.6745 9.20895 13.8679 8.26811 13.9499 7.5347C14.0297 6.82084 14.009 6.25845 13.9246 5.95014C13.805 5.51285 13.5104 5.26112 13.2134 5.13284C12.9385 5.01407 12.661 4.99859 12.5028 4.99836L9.49071 4.95631C9.92962 3.15791 9.64796 2.11902 9.45205 1.60729ZM0.000800636 5.46783C-0.0181914 5.0652 0.303128 4.72836 0.706212 4.72836H1.75264C2.14266 4.72836 2.45883 5.04454 2.45883 5.43456V12.9442C2.45883 13.3342 2.14266 13.6504 1.75264 13.6504H1.06044C0.68335 13.6504 0.372791 13.3541 0.355024 12.9775L0.000800636 5.46783Z"
                            fill="currentColor"
                          ></path>
                        </svg>
                      </div>
                      <span> 594 </span>
                    </li>
                  </ul>
                  <div class="entry-footer-tags">
                    <a href="#">前端</a>
                    <a href="#">JavaScript</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li class="list-item">
            <div class="content-wrapper">
              <div class="content-main">
                <div class="content-main-title">
                  <h3>内容填充</h3>
                </div>
                <div class="content-main-abstract">
                  <span>
                    内容填充内容填充内容填充内容填充内容填充内容填充内容填充内容填充内容填充
                  </span>
                </div>
                <div class="entry-footer">
                  <ul class="entry-footer-inner">
                    <li class="item meta-container">
                      <a href="#">usernameusername</a>
                      <div class="footer-divider"></div>
                    </li>
                    <li class="item view">
                      <svg
                        data-v-5d81f31c=""
                        width="16"
                        height="16"
                        viewBox="0 0 16 16"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                        class="view-icon"
                      >
                        <path
                          data-v-5d81f31c=""
                          d="M7.90078 2.80078C4.49278 2.80078 1.74745 6.11672 0.800781 7.77469C1.74745 9.58339 4.49278 13.2008 7.90078 13.2008C11.3088 13.2008 14.0541 9.58339 15.0008 7.77469C14.0541 6.11672 11.3088 2.80078 7.90078 2.80078Z"
                          stroke="currentColor"
                        ></path>
                        <circle
                          data-v-5d81f31c=""
                          cx="7.89922"
                          cy="8.00078"
                          r="2.2"
                          stroke="currentColor"
                        ></circle>
                      </svg>
                      <span>7.0k</span>
                    </li>
                    <li class="item like">
                      <div class="liked-wrap">
                        <svg
                          data-v-5d81f31c=""
                          width="14"
                          height="14"
                          viewBox="0 0 14 14"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                          class="liked-icon"
                        >
                          <path
                            data-v-5d81f31c=""
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M7.56162 1.16952C7.66569 1.09661 7.78195 1.06124 7.88247 1.0912C7.97653 1.11923 8.23851 1.25916 8.50988 1.96799C8.64419 2.31881 8.9356 3.2424 8.42155 5.05431C8.29751 5.49152 8.61394 5.95303 9.09259 5.95971L12.492 6.00716L12.492 6.00721H12.4991C12.6049 6.00721 12.7228 6.01986 12.8134 6.05898C12.8544 6.07671 12.8815 6.09639 12.8999 6.116C12.9166 6.13375 12.9368 6.16247 12.9515 6.21636C12.9848 6.33784 13.0228 6.74712 12.9473 7.42262C12.874 8.07857 12.698 8.94479 12.341 9.9598C12.0424 10.8088 11.6601 11.5292 11.0684 12.4879C11.0558 12.5052 11.0462 12.5197 11.0418 12.5265L11.0404 12.5285C11.0292 12.5454 11.0242 12.5531 11.018 12.5618C11.0076 12.5764 11.0018 12.582 10.9983 12.585C10.996 12.587 10.9908 12.5912 10.9777 12.5959C10.9638 12.6009 10.9311 12.61 10.8706 12.61H4.56278L4.56373 5.58489C4.87126 5.41901 5.19881 5.20128 5.54112 4.84059C5.93883 4.42152 6.33789 3.8294 6.76254 2.94183C6.84974 2.75957 6.91745 2.55962 6.97574 2.37762C6.99264 2.32486 7.0087 2.27379 7.02438 2.22393L7.02439 2.22389C7.066 2.09158 7.10495 1.96776 7.14985 1.84312C7.2758 1.49352 7.40247 1.28101 7.56162 1.16952ZM9.45205 1.60729C9.13229 0.772086 8.70208 0.282772 8.17063 0.124374C7.64564 -0.0320981 7.20308 0.188912 6.98278 0.343248C6.55169 0.64525 6.33837 1.11908 6.20071 1.5012C6.14817 1.64705 6.10002 1.80016 6.05661 1.93824C6.0422 1.98405 6.02832 2.02821 6.01496 2.0699C5.95791 2.24804 5.90763 2.39115 5.85248 2.50643C5.45683 3.3334 5.1121 3.8271 4.80935 4.14611C4.51322 4.45815 4.23983 4.6219 3.9473 4.76821C3.71095 4.88641 3.55494 5.12906 3.55491 5.40159L3.55388 12.9125C3.55383 13.3026 3.87002 13.6188 4.26008 13.6188H10.8706C11.2097 13.6188 11.4663 13.5113 11.6519 13.3535C11.7387 13.2797 11.7988 13.2043 11.8387 13.1484C11.8556 13.1248 11.8704 13.1025 11.8786 13.09L11.8813 13.0859L11.8826 13.0839L11.8955 13.0685L11.9142 13.0382C12.5304 12.0414 12.9578 11.247 13.2927 10.2945C13.6745 9.20895 13.8679 8.26811 13.9499 7.5347C14.0297 6.82084 14.009 6.25845 13.9246 5.95014C13.805 5.51285 13.5104 5.26112 13.2134 5.13284C12.9385 5.01407 12.661 4.99859 12.5028 4.99836L9.49071 4.95631C9.92962 3.15791 9.64796 2.11902 9.45205 1.60729ZM0.000800636 5.46783C-0.0181914 5.0652 0.303128 4.72836 0.706212 4.72836H1.75264C2.14266 4.72836 2.45883 5.04454 2.45883 5.43456V12.9442C2.45883 13.3342 2.14266 13.6504 1.75264 13.6504H1.06044C0.68335 13.6504 0.372791 13.3541 0.355024 12.9775L0.000800636 5.46783Z"
                            fill="currentColor"
                          ></path>
                        </svg>
                      </div>
                      <span> 594 </span>
                    </li>
                  </ul>
                  <div class="entry-footer-tags">
                    <a href="#">前端</a>
                    <a href="#">JavaScript</a>
                  </div>
                </div>
              </div>
              <img src="" alt="" />
            </div>
          </li>
        </ul>
      </div>
      <aside class="body-right-aside">
        <div class="signin-tip">
          <div class="first-line">
            <div class="icon-text">
              <h3>晚上好!</h3>
              <span>点亮在社区的每一天</span>
            </div>
            <button class="btn">
              <span>去签到</span>
            </button>
          </div>
        </div>
        <div class="aside-footer">
            <AsideFoot></AsideFoot>
          </div>
      </aside>
    </div>
  </div>
</template>

<script setup lang="ts">
import AsideFoot from './asideFoot.vue';
</script>

<style>
/* body部分 */
.body {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
  width: 1200px;
  margin: 0 auto;
}

/* body-left部分 */
.body-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  background-color: #fff;
  width: 180px;
  height: 560.3px;
  box-sizing: border-box;
  margin-right: 20px;
  border-radius: 4px;
}

.side-navigator-wrap {
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.nav-item-wrap {
  color: #515767;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45.28px;
  box-sizing: border-box;
}

.nav-item-wrap a {
  box-sizing: border-box;
  border-radius: 4px;
  height: 100%;
  color: rgb(81, 87, 103);
  width: 100%;
  padding: 10px 17px;
  text-decoration: none;
  display: flex;
  align-items: center;
  line-height: 24px;
}

.nav-item-wrap a:hover {
  color: rgb(30, 128, 255);
  background-color: #f7f8fa;
  border-radius: 4px;
}

.nav-item-wrap a svg {
  margin-right: 12px;
}

.nav-item-underline a {
  padding-right: 0;
}

.nav-item-underline a span {
  margin-right: 12px;
}

.nav-item-underline {
  /* border-bottom: 1px solid rgba(228, 230, 235, .50196); */
  display: flex;
  flex-direction: column;
  position: relative;
}

.nav-item-underline:after {
  content: '';
  margin: 0 8px;
  height: 1px;
  background: rgba(228, 230, 235, 0.50196);
  width: 148px;
}

.nav-item-wrap-active a {
  background-color: #eaf2ff;
  color: #1e80ff;
}

.nav-item-wrap-active a:hover {
  background-color: #eaf2ff;
  color: #1e80ff;
}

/* body-right部分 */
.body-right {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: start;
  font-size: 12px;
  width: calc(100% - 180px - 20px);
}

.body-right-list {
  width: 720px;
  height: 6399.2px;
  background-color: #fff;
  border-radius: 4px;
}

.body-right-list .list-header {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 720px;
  height: 48.8px;
  padding: 12px 20px;
  /* 简化计算 */
  box-sizing: border-box;
  border-bottom: 0.8px solid rgb(228, 230, 235);
}

.list-nav .nav-list {
  display: flex;
  align-items: center;
  justify-content: start;
}

.nav-list .nav-item {
  padding: 0 19.92px;
  height: 24px;
}

.nav-item > a {
  color: #909090;
}

.nav-list .nav-active {
  margin-left: -19.92px;
  position: relative;
}

.nav-active > a {
  color: #252933;
  font-weight: 500;
}

.nav-item > a:hover {
  color: #1e80ff;
}

.nav-active::before {
  display: block;
  content: '';
  position: absolute;
  bottom: -12px;
  left: 40%;
  width: 22%;
  height: 3px;
  background-color: #1e80ff;
  border-radius: 2px;
}

.entry-list {
  width: 720px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  font-size: 0;
}

.entry-list .list-item {
  width: 680px;
  height: 86.8px;
  padding: 12px 20px 0;
  /* 简化计算 */
  cursor: pointer;
  display: flex;
  flex-direction: row;
}

.entry-list .list-item:hover {
  background-color: #f7f8fa;
}

.entry-list .list-item .content-wrapper {
  width: 680px;
  height: 74px;
  padding-bottom: 12px;
  border-bottom: 0.8px solid rgba(228, 230, 235, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-item .content-wrapper img {
  width: 108px;
  height: 72px;
  border: 0.8px solid rgba(228, 230, 235, 0.5);
  margin-left: 24px;
}

.list-item .content-wrapper .content-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

.content-main .content-main-title {
  height: 24px;
  display: flex;
  align-items: start;
  width: 100%;
  margin-bottom: 2px;
}

.content-main a {
  text-decoration: none;
}

.content-main .content-main-title h3 {
  line-height: 24px;
  font-size: 16px;
  color: rgb(37, 41, 51);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.content-main .content-main-abstract {
  height: 22px;
  width: 100%;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: rgb(138, 145, 159);
}

.content-main .content-main-abstract > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  text-indent: 100%;
  color: rgb(138, 145, 159);
}

.content-main .entry-footer {
  height: 22px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-main .entry-footer .entry-footer-inner {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 22px;
}

.item {
  position: relative;
  margin-right: 24px;
  font-size: 13px;
  line-height: 20px;
  color: #8a919f;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.meta-container a {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8a919f;
}

.item > span {
  margin-left: 4px;
}

.meta-container a:hover {
  color: #1171ee;
}

.footer-divider {
  width: 1px;
  height: 12px;
  background-color: #e4e6eb;
  margin: 0 -13px 0 12px;
}

.like .liked-wrap {
  display: flex;
  align-items: center;
}

.like:hover {
  color: #1171ee;
}

.entry-footer-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 18px;
  font-size: 12px;
}

.entry-footer-tags a {
  border-radius: 2px;
  background-color: rgb(242, 243, 245);
  box-sizing: border-box;
  color: rgb(138, 145, 159);
  line-height: 18px;
  margin-left: 6px;
  padding: 0 6px;
}

.entry-footer-tags a:hover {
  color: #1171ee;
}

/* 稀土掘金右边部分 */
.body-right-aside {
  width: 260px;
  /* 简化计算 */
  height: 1937.84px;
  border-radius: 4px;
}

.signin-tip {
  padding: 20px;
  height: 90px;
  width: 259.91px;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 19.92px;
}

.first-line {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.icon-text {
  display: flex;
  flex-direction: column;
  width: 108px;
  height: 50px;
}

.icon-text h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #252933;
}

.icon-text span {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 2px;
  color: #8a919f;
}

.first-line .btn {
  color: rgb(30, 128, 255);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  width: 74px;
  padding: 6px 15.6px;
  box-sizing: border-box;
  border: 0.8px solid rgba(30, 128, 255, 0.3);
  background-color: rgba(30, 128, 255, 0.05);
  border-radius: 4px;
  white-space: nowrap;
}
</style>
